@import '../../../../css/colorVar.less';

@blue_color: @theme;

// :global {
.bondDeviationDetail {
  :global {
    p,
    ul,
    div {
      font-family: PingFangSC-Regular, sans-serif !important;
    }

    .ant-tabs-bar {
      margin-bottom: 0;

      .ant-tabs-nav-container {
        font-size: 14px !important;
        color: @text_main;
        font-family: PingFangSC-Regular, sans-serif !important;
      }
    }

    .ant-tabs-nav .ant-tabs-tab-active {
      font-size: 14px !important;
      color: @blue_color !important;
      font-family: PingFangSC-Regular, sans-serif !important;
    }

    .ant-tabs-nav .ant-tabs-tab {
      padding: 10px 21px;
      margin: 0;
      font-family: PingFangSC-Regular, sans-serif !important;
    }

    .ant-tabs-nav .ant-tabs-tab:hover {
      color: @blue_color !important;
    }

    .ant-tabs-ink-bar {
      background-color: @blue_color !important;
    }

    .ant-select-selection__rendered {
      margin: 0 11px;
    }

    .basic_info {
      overflow: hidden;
      :global {
        .ant-col {
          width: auto;
          height: auto !important;
        }
        .ant-col-12 {
          .ant-spin-container {
            .ant-col-lg-12 {
              height: 28px;
            }
          }
        }
      }
      .bgblue {
        background-color: rgba(0, 152, 237, 15%) !important;
      }

      .context_row {
        display: flex;
        justify-content: space-between;

        > div {
          width: 49%;
          // height: 316px;
          overflow: hidden;
        }
      }

      .info_list {
        padding: 18px 10px;
        height: 260px;
        background: @section_bg;

        .table_row {
          line-height: 28px;
          font-size: 14px;

          span:first-child {
            color: @text_secondary;
            text-align: right;
            display: inline-block;
          }
        }
      }

      .fanwei {
        display: flex;

        > span:last-child {
          margin-left: 8px;
          flex: 1;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }

      .whiteBg .ant-card-body {
        background-color: @main_body_bg;

        .ant-table-thead > tr,
        .ant-table-tbody > tr {
          height: 30px !important;
        }
      }

      .main_income {
        display: flex;

        > div:last-child {
          width: 50%;
          padding-top: 30px;
        }

        .ant-table-thead > tr > th,
        .ant-table-tbody > tr > td {
          border: 0;
          padding: 0 !important;
          height: 26px;
          line-height: 26px;
          font-weight: 400 !important;
          background-color: transparent;
          font-size: 14px;
          color: @text_main;
          padding-left: 10px !important;
        }

        .ant-table-thead > tr > th {
          background-color: transparent !important;
        }

        .ant-table-tbody > tr:nth-child(2n) {
          background-color: transparent;
        }

        .ant-table-tbody > tr > td:first-child {
          background-color: @section_bg;
        }
      }

      .ant-form-item,
      .ant-select,
      .ant-card,
      .ant-input,
      .ant-select-dropdown,
      .ant-input-number {
        font-family: PingFangSC-Regular, sans-serif !important;
        color: @text_main;
      }

      .ant-form-item-label label,
      .ant-input,
      .ant-select,
      .ant-select-dropdown {
        font-size: 14px !important;
        color: @text_main !important;
      }

      .ant-input-number {
        border-radius: 2px !important;
      }

      .ant-form-item {
        padding-bottom: 10px !important;
        display: flex;
        background: @main_body_bg;
      }

      .ant-select-selection,
      .ant-input {
        border: 1px solid @calendar_border;
        border-radius: 2px;
      }

      .ant-select-arrow .ant-select-arrow-icon,
      .ant-calendar-picker-icon {
        color: @calendar_border;
      }
    }

    background: @main_body_bg;
    height: 100%;
    font-family: PingFangSC-Regular, sans-serif !important;

    .ant-card {
      margin-top: 17px;
      background: transparent;
      border: 0;

      .ant-card-head {
        margin-bottom: 9px;
        padding: 6px 20px 6px 38px;
        min-height: 30px;
        border-bottom: 0;
        border-radius: 0;
        background: @first_level_title_auxiliary !important;

        .ant-card-head-title {
          padding: 0;
          height: 18px;
          line-height: 18px;
          color: @text_main !important;
          font-family: 'PingFangSC-Medium';
          font-size: 14px;
        }
      }

      .ant-card-body {
        padding: 0;

        .card-bg {
          background: @section_bg;
        }
      }
    }

    .tringle {
      width: 39px;
      height: 0;
      border-top: 30px solid @butt_text;
      border-right: 29px solid transparent;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
    }

    .tringle::after {
      content: '';
      left: 0;
      top: -30px;
      width: 0;
      height: 0;
      border-color: transparent @blue_color;
      border-width: 0 0 29px 29px;
      border-style: solid;
      position: absolute;
    }

    .ant-table-pagination.ant-pagination {
      overflow: hidden;
    }

    .ant-tabs-top {
      .ant-tabs-nav {
        margin-bottom: 0;
      }
    }
  }

  .header_ctx {
    p,
    ul,
    div {
      padding: 0;
      margin: 0;
      font-family: PingFangSC-Regular, sans-serif !important;
    }

    .header_ctx_box {
      display: flex;
      align-items: center;
      line-height: 19px;
      font-size: 16px;
      font-weight: 600;
      > span {
        color: rgba(0, 0, 0, 65%);
      }
      .header_info_box:nth-of-type(1) {
        color: rgba(0, 0, 0, 65%);
        a {
          width: 16px;
          height: 19px;
        }
      }
      .header_info_box:nth-of-type(2) {
        a {
          width: 16px;
          height: 19px;
        }
        span {
          color: #000000a6;
        }
        svg {
          font-size: 16px;
        }
      }

      .header_info_box {
        margin-right: 20px;
        display: flex;
        align-items: center;
        position: relative;

        span {
          margin-right: 10px;
        }
      }

      .header_info_box:last-child span {
        font-size: 14px;
        font-weight: 400;
      }
    }

    .info_row {
      background-color: @section_bg;
      margin: 8px 0 13px;
      padding: 8px 0;
      font-size: 16px;

      .info_detail {
        line-height: 30px;
        text-align: center;
        border-right: 1px solid @section_border;

        span:first-child {
          margin-right: 17px;
          color: @text_secondary;
          font-size: 14px;
        }

        img {
          height: 10px;
          width: 9px;
          margin-left: 4px;
          margin-top: -4px;
        }

        span.daoqi {
          background: @theme;
          font-size: 12px;
          color: @menu_sel_text;
          width: 40px;
          display: inline-block;
          height: 18px;
          line-height: 18px;
          letter-spacing: 1px;
          border-radius: 10px;
          margin-left: 19px;
        }
      }
    }

    .info_row > div:last-child .info_detail {
      border: 0;
    }

    .header_logo {
      background-color: #f9c400;
      width: 52px;
      text-align: center;
      font-weight: 400;
      font-size: 12px;
      height: 20px;
      font-family: PingFangSC-Regular, PingFang SC;
      color: rgba(0, 0, 0, 85%);
      line-height: 20px;
    }
  }
}
// }

.popoverBox {
  :global {
    .ant-popover-inner-content {
      padding: 0;

      .confirm_box {
        padding-bottom: 10px;

        .confirm_list {
          max-height: 140px;
          overflow-y: scroll;
          overflow-x: hidden;
        }

        .confirm_list::-webkit-scrollbar {
          display: none;
        }

        ul {
          padding: 0;
          margin: 6px 0;

          li {
            height: 30px;
            width: 190px;

            a {
              padding: 0 14px;
              line-height: 30px;
              width: 100%;
              display: inline-block;
              color: @text_main;

              .list_item {
                display: flex;
                justify-content: space-between;
                align-items: center;

                span {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                }

                .list_icon {
                  color: transparent;
                }
              }
            }

            a:hover {
              background: @text_hover_bg;
            }

            .a_active {
              background: @text_hover_bg;

              .list_icon {
                color: @theme !important;
              }
            }
          }
        }
      }

      .confirm_btn {
        padding-top: 10px;
        display: flex;
        justify-content: space-evenly;
        box-shadow: -2px -10px 10px -10px @butt_disable_border;
      }
    }
  }
}
